<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Hamburger Icon MI Series - 02</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='style.css'>
</head>
<body>
<div class="container" onclick="this.classList.toggle('active')">
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 200 200">
<g stroke-width="6.5" stroke-linecap="round">
<path d="M72 82.286h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
<path
d="M100.75 103.714l72.482-.143c.043 39.398-32.284 71.434-72.16 71.434-39.878 0-72.204-32.036-72.204-71.554"
fill="none" stroke="#fff" />
<path d="M72 125.143h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
<path
d="M100.75 103.714l-71.908-.143c.026-39.638 32.352-71.674 72.23-71.674 39.876 0 72.203 32.036 72.203 71.554"
fill="none" stroke="#fff" />
<path d="M100.75 82.286h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
<path d="M100.75 125.143h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
</g>
</svg>
</div>
</body>
</html>